*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html, body, #app {
  width: 100%;
  height: 100%;
  font-family: 'PingFangSC-Regular', 'Avenir', Helvetica, Arial, sans-serif;
  color: #4A4A4A;;
    background-color: #eceded;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { text-decoration: none; }
ul, ol, li { list-style-type: none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
input, textarea, button, img, a { outline: 0 none; border: 0 none;}
img { max-width: 100%;}
span {    white-space: nowrap; }
i, em { font-style: normal; }

.pull-left { float: left; }
.pull-right { float: right; }
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.text-right { text-align: right; }
.text-center { text-align: center; }
.middle-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.ml10 { margin-left: 10px; }
.mb15 { margin-bottom: 15px; }
.flex-item { flex: 1; }


.hidden,.over-hidden { overflow: hidden;}
.lm-input-text {
	width: 100%;
	border: none;
	-webkit-appearance: none;
}
input::input-placeholder{color:  #bdbdbd ;} /* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别 */
::-webkit-input-placeholder { /* WebKit browsers */ 
	color: #909090; 
} 
:-moz-placeholder { color: #909090; } 
::-moz-placeholder { color: #909090; } 
/* Internet Explorer 10+ */ 
:-ms-input-placeholder { color: #909090; } 

.icon-energy, .icon-car, .icon-back,.icon-clock {
	display: inline-block;
	width: 20px;
	height: 21px;
	vertical-align: middle;
}

.icon-energy {
	background:transparent url('./img/icon-energy.svg') left center no-repeat;
}
.icon-car {
	background:transparent url('./img/icon-accept.svg') left center no-repeat;
}

.icon-back {
	background:transparent url('./img/icon-return.svg') left center no-repeat;
}

.icon-search {
	background:transparent url('./img/icon-search.svg') left center no-repeat;
}

.icon-clear {
	background:transparent url('./img/icon-delete.svg') left center no-repeat;
}

.icon-clock {background:transparent url('./img/time.svg') left center no-repeat;}
.icon-gift { 
	width: 32px;
	height: 32px;
	background: transparent url("./img/gift-icon.png") center center no-repeat; 
	background-size: 100%
}

.img-icon-home, .img-icon-zixun, .img-icon-jubao, .img-icon-live, .img-icon-user,
.img-icon-chat, .img-icon-car, .img-icon-order {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

.img-icon-home { background-image: url("./img/icon-home.png");}
.img-icon-zixun { background-image: url("./img/icon-zixun.png");}
.img-icon-jubao { background-image: url("./img/icon-jubao.png");}
.img-icon-live{ background-image: url("./img/icon-live.png"); }
.img-icon-user{ background-image: url("./img/icon-user.png"); }
.img-icon-chat { background-image: url("./img/contact.png"); }
.img-icon-car { background-image: url("./img/ShoppingCart.png"); }
.img-icon-order { background-image: url("./img/Order.png"); }

.qq-face-icon {
	width: 33px;
	height: 33px;
}
.icon-arrow-right {
    border: 2px solid #d1d1d1;
    border-bottom-width: 0;
    border-left-width: 0;
    content: " ";
    top: 50%;
    right: 15px;
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}


.album-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("./img/photo-3.png");
	background-repeat: no-repeat;
	background-size: 750px 750px;
}

.album-icon.down {
    background-position: -48px -576px;
}

.album-icon.up {
    background-position: -48px -626px;
}

.album-icon.grid-nine{ background-position: -120px -626px; }
.album-icon.grid-nine.active { background-position: -120px -576px; }

.album-icon.grid-four{ background-position: -192px -576px; }
.album-icon.grid-four.active { background-position: -192px -626px; }

.album-icon.grid-two{ background-position: -264px -576px; }
.album-icon.grid-two.active { background-position: -264px -626px; }


.color-gray { color: #666 !important; }
.color-green { color: #00C97C !important; }
.color-orange { color: #FDA50C !important; }
.color-red { color: #D14D4A !important; }
.color-dark-red{ color: #e24241 !important; }
.color-blue { color: #1549eb !important; }
.color-dark-gray { color: #333 !important; }
.color-light-gray { color: #999 !important; }

/* 背景颜色 */
.bg-color-gray { background-color: #666 !important; }
.bg-color-blue { background-color: #1549eb !important; }
.bg-color-orange { background-color: #FDA50C !important; }
.bg-color-green { background-color: #00C97C !important; }

.label { font-size: 14px; color: #4a4a4a; }
.vertical-middle { vertical-align: middle; }
.line-through {
    text-decoration: line-through;
}
.img-avtar {
	width: 100%;
	height: 100%;
	max-width: 100%;
	border-radius: 100%;
}

.rank-1,.rank-2,.rank-3{
	display: inline-block;
	width: 30px;
	height: 38px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.rank-1 {
	background-image: url('./img/rank_1.png');

}
.rank-2 {
	background-image: url('./img/rank_2.png');
}
.rank-3 {
	background-image: url('./img/rank_3.png');
}



.app-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.code-dialog {
	width: 78%;
	border-radius: 12px;
	overflow: hidden;
}
.app-masker { background-color: rgba(0,0,0,.5); }
.masker-filter {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.6);
}

.lm-list-wrapper {
	height: 100%;
}
.lm-detail-title,  .lm-input-title, .lm-history-title {
	padding-left: 12px;
	font-size: 12px;
	color: #939393;
	line-height: 2;
}

.lm-detail-list, .lm-input-list { 
	margin-bottom: 5px; 
}


.lm-list-item {
	/*height: 44px;*/
	padding: 0 16px 0 12px;
	line-height: 44px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 12px;
	color: #909090;
	background-color: #fff;
	position: relative;
}

.lm-list-item.right-arrow {
	padding-right: 30px;
}


.lm-button-group {
	padding: 0 24px;
	margin-top: 20px;
}

.form-button {
	display: block;
	width: 100%;
	height: 44px;
	font-size: 16px;
	color: #fff;
	line-height: 44px;
	text-align: center;
	border-radius: 3px;
}

.lm-button-block + .lm-button-block { margin-top: 10px; }
.lm-button-submit { background-color: #D55551; }
.lm-button-cancel { background-color: #676767; }


.swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	background: #999;
	opacity: .8;
}

.swiper-pagination-bullet-active {
	background: #007aff;
}
.qq-face-panel .swiper-pagination-bullet, .swiper-pagination-gift  .swiper-pagination-bullet {
	display: inline-block;
	height: 0.16rem;
	width: 0.16rem;
	margin: 0 0.1rem !important;
	vertical-align: middle;
	border-radius: 100%;
	background-color: rgba(0,0,0,.2);
}

.qq-face-panel .swiper-pagination-bullet-active, .swiper-pagination-gift .swiper-pagination-bullet-active {
	background: #888;
}


.qq-face-icon {
    display: inline-block;
    width: 66px;
    height: 66px;
    vertical-align: top;
    background-image:url("../assets/img/qqface2017.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.img-face{
    display: inline-block;
    width: 48px;
	height: 48px;
	vertical-align: middle;
}

.button-menu {
	display: inline-block;
	width: 80px;
	height: 80px;
	background: url("../assets/img/menu.png") no-repeat center center;
	background-size: cover;
}

.button-circle, .modal-checkbox {
	display: inline-block;
	width: 56px;
    height: 56px;
    position: absolute;
    z-index: 100;
    background: url("./img/photo-3.png") no-repeat;
    background-size: 750px 750px;
	background-position: -558px -478px;
/* 	

    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    background: rgba(255,255,255,.7);
    border-radius: 100%; */
}

.button-circle.active, .modal-checkbox.active {
	border: 0 none;
	background: url("../assets/img/circle_bg.png") no-repeat center center transparent !important;
	background-size: 100% 100% !important;
}


.van-list__loading { margin: 0 auto; }
.van-toast {
	padding: 0;
	border-radius: 8px;
}
.van-toast__text {
	font-size: 32px;
	line-height: 72px;
	padding: 0 40px;
}

.live-channel-tab .van-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	font-size: 32px;
    color: #2a2a2a;
	position: relative;
}

.live-channel-tab .van-tabs__wrap {
	height: 100px;
	line-height: 100px;
	background-color: #fff;
}

.live-channel-tab .van-tabs__nav--line { 
	display: flex;
	padding-bottom: 0; 
}
.live-channel-tab .van-tab--active {
	color: #1549eb; 
}
.live-channel-tab .van-tabs__line { display: none; }
.live-channel-tab .van-tab--active:after {
	content: '';
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #1549eb; 
}

.live-channel-tab .van-tabs__content {
	height: calc(100% - 100px);
	position: relative;
	overflow: hidden;
	overflow-y: auto;
}

/* 视频播放器样式重置 */
.video-js {
	width: 100% !important;
	height: 100% !important;
}
.video-js .vjs-big-play-button {
	position: absolute;
	width: 140px;
	height: 140px;
	border: 4px solid #fff;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	border-radius: 100%;
	background-color: rgba(0,0,0,.4);
}

.vjs-poster {
	background-size: cover;
}

.video-js .vjs-big-play-button > span {
	display: none;
}

.vjs-big-play-button:after {
	content: '';
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 40px 0 40px 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-30%, -50%, 0);
	border-radius: 6px;
}

.vjs-control-bar{
	font-size: 28px;
}


.rank-vote {
	background: url("./img/vote_rank_bg.png") no-repeat;
	background-size: contain;
}



.col-title {
	font-size: 32px;
}
.oblique-line:after,.oblique-line:before {
	display: inline-block;
	content: '';
	width: 20px;
	height: 4px;
	vertical-align: middle;
	transform: rotate(-45deg);
	border-radius: 2px;
	position: relative;
    top: -2px;
}

.oblique-line:before{
	background-color: #1549eb;
}

.oblique-line:after{
	background-color: #fcba2e;
	margin-left: -10px;
}


.option-icon {
	width: 72px;
	height: 72px;
	background-image: url("../assets/img/icons.png");
	background-repeat: no-repeat; 
	background-size: 1400px 406px;
}

.option-icon.card {
	background-position: -545px -146px;
}

.option-icon.desc {
	background-position: 0 0;
}

.option-icon.cash {
	background-position: -3.65rem 0;
}

.option-icon.sign {
	background-position: -7.1rem -0.3rem;
}




/* mescroll 设置*/
.no-more, .all-loaded { padding: 20px 0; font-size: 28px; line-height: 2; }
.mescroll-upwarp {
	font-size: 28px;
}

.tip-empty p {
	font-size: 24px;
	color: #666;
	line-height: 48px;
}
.van-list__finished-text {
	width: 100%;
	text-align: center;
}